<template>
  <input v-model="text" @keyup.enter="addTodo"/>
</template>
<script setup>
import {ref,defineEmits} from 'vue';
const text = ref('');
const emit  = defineEmits(['addTodo']);
//当松开回车键的时候执行addTodo方法
const addTodo = ()=>{
  //在方法里面会发射一个自定义的事件addTodo,并传递用户输入的文本内容
  if(!text.value.trim())return;
  emit('addTodo',text.value.trim());
  text.value='';
}
</script>
<style>
</style>